<template>
  <div>
    <div class="container">
      <div class="column-header">
        <div class="column-header-left">
          <div class="column-header-title">这是标题</div>
          <div class="column-header-content"></div>
        </div>
        <div class="column-header-right">
          <!-- 头像区 -->
        </div>
      </div>
    </div>
  </div>
</template>

<script lang='ts'>
import { defineComponent } from 'vue'

// useRoute 是路由信息
// useRouter是路由对象，定义了一系列行为
import { useRoute } from 'vue-router'

export default defineComponent({
  name: 'ColumnDetail',
  setup () {
    const route = useRoute()
    return {
      route
    }
  }
})
</script>

 <style>
 .column-header{
   /* border: 1px solid white; */
   background-color: rgb(245, 243, 243);
   height: 200px;
   border-radius: 7px;
   box-shadow: 2px 2px 7px black;
 }
</style>
